/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#0066a1',
          light: '#0077b8',
          dark: '#005588',
        },
        background: {
          light: '#f8f9fa',
          DEFAULT: '#f1f3f5',
          dark: '#e9ecef',
        },
        content: {
          light: '#ffffff',
          DEFAULT: '#f8f9fa',
          dark: '#f1f3f5',
        }
      },
      spacing: {
        'sidebar': '320px',
        'header': '64px'
      },
      maxWidth: {
        'content': '1200px'
      }
    },
  },
  plugins: [],
}